<script lang="ts" setup name="LaiTitle">
withDefaults(defineProps<{ title: String; isShow: boolean }>(), {
  isShow: false
});

const emits = defineEmits<{
  (name: "DeskConfig"): void;
}>();
</script>

<template>
  <div class="title">
    {{ title }}
    <el-button v-if="isShow" type="primary" @click="emits('DeskConfig')">确认</el-button>
  </div>
</template>

<style lang="scss" scoped>
.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  margin-bottom: 15px;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  border-left: 4px solid var(--el-color-primary);
}
</style>
